<template>
  <view>
    <up-row>
      <up-col :span="3" @click="$goBack('/pages/dgs_hg/index/index')">
        行管系统
      </up-col>
      <up-col :span="3" @click="$goBack('/pages/dgs_qy/login/login')">
        企业/个人系统
      </up-col>
    </up-row>
  </view>

  <view class="container">
    <index-header></index-header>
    <view class="content-container">
      <!-- 服务导航 -->
      <index-service></index-service>
      <!-- 常用功能 -->
      <index-use-common></index-use-common>
    </view>
    <tab-bar :currentPage="currentPage"></tab-bar>
  </view>
</template>

<script>
import indexHeader from "./components/index-header.vue";
import indexService from "./components/index-service.vue";
import indexUseCommon from "./components/index-usecomm.vue";
import tabBar from "../tabbar/tabbar.vue";
export default {
  components: {
    indexHeader,
    indexService,
    indexUseCommon,
    tabBar,
  },
  props: {
    tabbarList: {
      type: Array,
      default: () => [],
    },
  },

  data() {
    return {
      currentPage: 0,
    };
  },
  methods: {},
  mounted() {
    uni.hideTabBar();
  },
};
</script>

<style scoped lang="scss">
.container {
  background-color: #f3f6fa;
  min-height: 100vh;
  width: 100%;
  box-sizing: border-box;
}

.content-container {
  padding: 20px;
  margin-top: -40px; // 调整这个值以确保内容不被用户信息卡片遮挡
  position: relative;
  z-index: 1;
}
</style>
